<template>
    <div class="flex-col">
        <div class="flex1 flex-col">

            <div class="panel _body flex1 flex-col">
                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>应急备案信息</div>
                </div>
                <div style="height:30px"></div>
                <div class="panel _body">
                    <el-form ref="form"
                             :model="oForm"
                             label-width="14em"
                             class="moduleform">
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="单位名称:">
                                    <el-input v-model="oForm.enterprisename"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="统一社会信用代码:">
                                    <el-input v-model="oForm.creditcode"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="法定代表人:">
                                    <el-input v-model="oForm.legalperson"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="联系电话:">
                                    <el-input v-model="oForm.frtel"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="联系人:">
                                    <el-input v-model="oForm.linkman"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="联系电话:">
                                    <el-input v-model="oForm.lxrtel"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="传真:">
                                    <el-input v-model="oForm.fax"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="电子邮件:">
                                    <el-input v-model="oForm.mailaddr"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item prop="name"
                                              label="地址:">
                                    <el-input v-model="oForm.address"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <!-- 地址 -->
                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="应急预案类型:">
                                    <el-input v-model="oForm.planType"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="编制机构:">
                                    <el-input v-model="oForm.bzjg"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>


                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="中心经度:">
                                    <el-input v-model="oForm.longitude"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="中心纬度:">
                                    <el-input v-model="oForm.latitude"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="预案名称:">
                                    <el-input v-model="oForm.planName"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="风险级别:">
                                    <el-input v-model="oForm.planName"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>


                        <el-row>
                            <el-col :span="24">
                                <el-form-item prop="name"
                                              label="描述:">
                                    <el-input type="ms"
                                              v-model="oForm.desc"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="预案签署人:">
                                    <el-input v-model="oForm.yaqsr"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="报送时间:">
                                    <!-- <el-date-picker type="date"
                                                    placeholder="选择日期"
                                                    v-model="oForm.date1"
                                                    style="width: 100%;"></el-date-picker> -->
                                    <el-input v-model="oForm.bssj"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="有效期:">
                                    <el-input v-model="oForm.yxq"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="备案编号:">
                                    <el-input v-model="oForm.babh"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="24">
                                <el-form-item prop="name"
                                              label="报送单位:">
                                    <el-input v-model="oForm.bsdw"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>

                        <el-row>
                            <el-col :span="12">
                                <el-form-item prop="name"
                                              label="负责人:">
                                    <el-input v-model="oForm.fzr"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item label="经办人:">
                                    <el-input v-model="oForm.jbr"
                                              readonly></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>


                    </el-form>

                </div>


            </div>
            <!-- ----- -->
            <div class="panel _body flex1 flex-col">
                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>附件信息</div>
                </div>
                <div style="height:30px"></div>
                <div class="panel _body flex1 flex-col">
                    <div class="flex1">
                        <!-- 表格 -->
                        <el-table :data="aTable"
                                  stripe>
                            <el-table-column label="序号"
                                             type="index"
                                             :index="nStartno"
                                             align="center"
                                             width="80">
                            </el-table-column>
                            <el-table-column property="xxx"
                                             label="文件类型"
                                             align="center">
                            </el-table-column>
                            <el-table-column property="fileName"
                                             label="文件标题"
                                             align="center">
                            </el-table-column>
                            <el-table-column label="操作"
                                             align="center"
                                             width="200">
                                <template v-slot="oRow">
                                    <el-button @click="fTableBtnClick('view', oRow.row)">查看</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                </div>

            </div>

        </div>
    </div>

</template>

<script>
    import { URLS_HBDA } from '@/urls.js';

    export default {
        name: 'yjinfo',

        //**** el, name
        //**** components, directives
        //**** extends, mixins, provide/inject
        //**** props, data, computed
        data() {
            return {
                nStartno: 1,
                oForm: {},
                oFilterForm: {},
                aTable: []

            }
        },
        mounted() {
            this.fResetForm()
        },
        beforeDestroy() {
        },
        //**** methods
        methods: {
            fTableBtnClick(sType, oRow) { //表格按钮点击事件
                switch (sType) {
                    case 'view':  //查看 
                        break;
                }
            },
            //请求表单数据
            fResetForm() {
                this.$WIV.fRequest({
                    url: URLS_HBDA.d_getQyhbdayjList
                }).then((res) => {
                    this.oForm = res.data
                    this.aTable = res.data.fjList
                })
            },
        }
        //**** template, render
    }
</script>

<style lang="less" rel="stylesheet" scoped>
</style>
